<template>
	 <view class="_page_4qrih_1" style="width: 100%; height: 100%; top: 0px; left: 0px;">
	   <view class="_wrap_4qrih_10">
	    <view class="_container_c7bk6_1">
	     <view class="_leading_c7bk6_9">
	      <image class="_leading-icon_c7bk6_24" src="../../static/images/icon_white_back-d48f78ba.png" alt="back"></image>
	     </view>
	     <view class="_title_c7bk6_13">
	      邀请明细
	     </view>
	     <view class="_actions_c7bk6_10">
	      <view class="_action_1azdh_1" @click="toggle('top')">
	       <span class="_action-filter_1azdh_7"><span>筛选</span><image src="../../static/images/icon_arrow_down-46b2f167.png" alt="" ></image></span>
	      </view>
	     </view>
	    </view>
		
		
	<view>
		<uni-popup ref="popup" :type="rr" :animation="false" :maskClick="true" @change="changee" >
		            <view class="aitlce">
						<view class="aitlcee">
							<view class="more_cz">全部</view>
							<view class="more_cz">已购会员</view>
							<view class="more_cz">未购会员</view>
						</view>
		            </view>
		</uni-popup>
	</view>
	
	
	    <view style="position: relative; height: calc(100% - 11.7333vw);">
	     <view class="_container_1azdh_22">
	      <view class="_table_1azdh_25">
	       <view class="_row_1azdh_29 _title-row_1azdh_48">
	        <view class="_row-item_1azdh_37">
	         用户昵称
	        </view>
	        <view class="_row-item_1azdh_37">
	         累计充值
	        </view>
	        <view class="_row-item_1azdh_37">
	         获得分成
	        </view>
	        <view class="_row-item_1azdh_37">
	         邀请时间
	        </view>
	       </view>
		   
	       <view style="height: calc(100% - 45.8646px); width: 100%;overflow: auto;">
	        <!-- <view class="_background-container_1jcod_1">
	         <view class="_content_1jcod_20">
	          <view style="padding: 0px 4vw;">
	           <view class="_empty_10v0e_1 _empty_1azdh_83" style="height: 835.677px;">
	            <img src="../../static/images/empty-ae71f5fc.png" alt="" />
	            <view class="_text_10v0e_15">
	             暂无数据
	            </view>
	           </view>
	          </view>
	         </view>
	        </view> -->
			<view class="mx_list">
				<view class="mx_list_01">小骚货</view>
				<view class="mx_list_01">10000</view>
				<view class="mx_list_01">1000</view>
				<view class="mx_list_01">2024-5-20</view>
			</view>
			
			<view class="mx_list">
				<view class="mx_list_01">小骚货</view>
				<view class="mx_list_01">10000</view>
				<view class="mx_list_01">1000</view>
				<view class="mx_list_01">2024-5-20</view>
			</view>
			
			<view class="mx_list">
				<view class="mx_list_01">小骚货</view>
				<view class="mx_list_01">10000</view>
				<view class="mx_list_01">1000</view>
				<view class="mx_list_01">2024-5-20</view>
			</view>
			
			<view class="mx_list">
				<view class="mx_list_01">小骚货</view>
				<view class="mx_list_01">10000</view>
				<view class="mx_list_01">1000</view>
				<view class="mx_list_01">2024-5-20</view>
			</view>
			
			<view class="mx_list">
				<view class="mx_list_01">小骚货</view>
				<view class="mx_list_01">10000</view>
				<view class="mx_list_01">1000</view>
				<view class="mx_list_01">2024-5-20</view>
			</view>
			
			<view class="mx_list">
				<view class="mx_list_01">小骚货</view>
				<view class="mx_list_01">10000</view>
				<view class="mx_list_01">1000</view>
				<view class="mx_list_01">2024-5-20</view>
			</view>
			
			<view class="mx_list">
				<view class="mx_list_01">小骚货</view>
				<view class="mx_list_01">10000</view>
				<view class="mx_list_01">1000</view>
				<view class="mx_list_01">2024-5-20</view>
			</view>
			
			<view class="mx_list">
				<view class="mx_list_01">小骚货</view>
				<view class="mx_list_01">10000</view>
				<view class="mx_list_01">1000</view>
				<view class="mx_list_01">2024-5-20</view>
			</view>
			
			<view class="mx_list">
				<view class="mx_list_01">小骚货</view>
				<view class="mx_list_01">10000</view>
				<view class="mx_list_01">1000</view>
				<view class="mx_list_01">2024-5-20</view>
			</view>
			
			<view class="mx_list">
				<view class="mx_list_01">小骚货</view>
				<view class="mx_list_01">10000</view>
				<view class="mx_list_01">1000</view>
				<view class="mx_list_01">2024-5-20</view>
			</view>
			
			<view class="mx_list">
				<view class="mx_list_01">小骚货</view>
				<view class="mx_list_01">10000</view>
				<view class="mx_list_01">1000</view>
				<view class="mx_list_01">2024-5-20</view>
			</view>
			
			<view class="mx_list">
				<view class="mx_list_01">小骚货</view>
				<view class="mx_list_01">10000</view>
				<view class="mx_list_01">1000</view>
				<view class="mx_list_01">2024-5-20</view>
			</view>
			
			<view class="mx_list">
				<view class="mx_list_01">小骚货</view>
				<view class="mx_list_01">10000</view>
				<view class="mx_list_01">1000</view>
				<view class="mx_list_01">2024-5-20</view>
			</view>
			
			<view class="mx_list">
				<view class="mx_list_01">小骚货</view>
				<view class="mx_list_01">10000</view>
				<view class="mx_list_01">1000</view>
				<view class="mx_list_01">2024-5-20</view>
			</view>
			
			<view class="mx_list">
				<view class="mx_list_01">小骚货</view>
				<view class="mx_list_01">10000</view>
				<view class="mx_list_01">1000</view>
				<view class="mx_list_01">2024-5-20</view>
			</view>
			
			<view class="mx_list">
				<view class="mx_list_01">小骚货</view>
				<view class="mx_list_01">10000</view>
				<view class="mx_list_01">1000</view>
				<view class="mx_list_01">2024-5-20</view>
			</view>
			
			<view class="mx_list">
				<view class="mx_list_01">小骚货</view>
				<view class="mx_list_01">10000</view>
				<view class="mx_list_01">1000</view>
				<view class="mx_list_01">2024-5-20</view>
			</view>
			
			<view class="mx_list">
				<view class="mx_list_01">小骚货</view>
				<view class="mx_list_01">10000</view>
				<view class="mx_list_01">1000</view>
				<view class="mx_list_01">2024-5-20</view>
			</view>
			
	       </view>
		   
		   
	      </view>
	     </view>
	    </view>
	   </view>
	  </view>
	  
	  
</template>

<script>
	export default {
		data() {
			return {
				isPopupShow: false,
				rr: 'top',
			}
		},
		methods: {
			toggle(rr) {
			    this.type = rr;
			    this.$refs['popup'].open();
			},
			
		}
	}
</script>

<style>
  @import "../../static/css/yaoqingmingxi.css";
</style>
